/*********公共样式 begin************/
html,body{
    font-size:13px;
    width:100%;
    height:100%;
}

/***背景颜色*/
.bg-fff{background: #fff;}
.bg-f4{background: #f4f4f4;}
.bg-f2{background: #f2f2f2;}


/**字体颜色**/
.c0920{color:#e30920;}
.c0900{color:#ac0900;}
.c000{color:#000;}
.c578dbd{color:#578dbd;}

/*********公共样式 end************/

/*********element ui 样式 bgein*********/
[v-cloak] {
  display: none;
}

.el-input{
    font-size:13px !important;
}

.el-button.el-button--second,.el-message-box__btns .el-button--second{
    color:#FFF;
    background-color:#30C3D0;
    border-color:#30C3D0
}
.el-button.el-button--second:focus,.el-button.el-button--second:hover,.el-message-box__btns .el-button--second:hover {
    background:#28A6B1;
    border-color:#28A6B1;
    color:#FFF
}

.el-button.el-button--second.is-disabled,.el-button.el-button--second.is-disabled:active,.el-button.el-button--second.is-disabled:focus,.el-button.el-button--second.is-disabled:hover {
    color:#FFF;
    background-color:#95DFE7;
    border-color:#95DFE7
}

.el-button.el-button--default{
    color:#FFF;
    background-color:#999;
    border-color:#999;
    min-width: 75px;
}
.el-button.el-button--default:focus,.el-button.el-button--default:hover {
    background:#565656;
    border-color:#565656;
    color:#FFF
}
.el-button.el-button--down{
    width: 24px;
    height:24px;
    background: url('../../src/assets/img/modules/pricing_front/setting_price/icon.png') no-repeat -6px -143px;
    vertical-align: super;
    -webkit-transition: 0s !important;
     transition: 0s !important;
}
.el-button.el-button--down:hover,.el-button.el-button--down:focus{
    background: url('../../src/assets/img/modules/pricing_front/setting_price/icon.png') no-repeat -40px -143px;
}
.el-button.el-button--refresh{
    width: 24px;
    height:24px;
    background: url('../../src/assets/img/modules/pricing_front/setting_price/icon.png') no-repeat -6px -177px;
    vertical-align: super;
    -webkit-transition: 0s !important;
    transition: 0s !important;
    padding: 12px !important;
}
.el-button.el-button--refresh:hover,.el-button.el-button--refresh:focus{
    background: url('../../src/assets/img/modules/pricing_front/setting_price/icon.png') no-repeat -40px -177px;
}
/*红色按钮*/
.el-button.el-button--red{
    color: #fff !important;
    background-color: #e30920 !important;
    border-color: #e30920 !important;
    min-width: 75px;
}
.el-button.el-button--red:hover{
    color: #fff;
    background-color: #ac0900 !important;
    border-color: #ac0900 !important;
}
.el-pagination{
    text-align: right;
    padding-right: 1px !important;
    margin: 10px;
}

/***** tabs 样式 ****/
.el-tabs.lx-tab-red .el-tabs__active-bar{
    background-color: #e30920;
}
.el-tabs.lx-tab-red .el-tabs__item.is-active{
    color:#e30920;
}
.el-tabs.lx-tab-red .el-tabs__item:hover{
    color:#e30920;
}

/**element lexar msgbox*/
.lx-msgbox{
    min-width: 450px;
    min-height: 210px;
    border:0 !important;
}
.lx-msgbox.el-message-box--center .el-message-box__header{
    padding-top: 15px;
    background-color: #000;
}
.lx-msgbox.el-message-box--center .el-message-box__message{
    min-height: 50px;
    font-size:14px;
    color:#333;
    padding-top: 10px;
}
.lx-msgbox.el-message-box--center .el-message-box__message i{
    display: block;
    font-style: normal;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #999;
    word-break: break-all;
}
.lx-msgbox.el-message-box--center .el-message-box__message strong{
    font-weight: bold;
}
.lx-msgbox .el-message-box__title{
    font-weight: bold;
    font-size:16px;
}
.lx-msgbox.el-message-box--center .el-message-box__title{
    color: #fff;
}
.lx-msgbox .el-message-box__btns .el-button--primary{
    background-color: #e30920;
    border-color: #e30920;
    padding: 7px 15px;
    font-size:14px;
    min-width: 75px;
    margin-left: 10px;
}
.lx-msgbox .el-message-box__btns .el-button--primary:hover{
    background-color: #ac0900;
    border-color: #ac0900;
}
.lx-msgbox .el-message-box__btns .el-button--cancel{
    padding: 7px 15px;
    font-size:14px;
    min-width: 75px;
    margin-right: 10px;
}
.lx-msgbox.el-message-box--center .el-message-box__content{
    margin-top: 15px;
}
.lx-msgbox.el-message-box--center .el-message-box__headerbtn{
    top: 10px;
}
.lx-msgbox.el-message-box--center .el-message-box__headerbtn i:hover{
    color: #fff;
}
/*弹窗X右移*/
.el-dialog__headerbtn{
    right:14px !important;
}
/*文件上传文件名过长*/
.el-upload-list__item-name{
    max-width: 340px;
}

/*Save,submit点击提示框tips*/
.tips {
    border:0 !important;
}
.tips .el-message-box__header{
    padding: 12px 15px;
    background-color: #000;
}
.tips .el-message-box__header .el-message-box__title{
    color: #fff;
    text-align: center;
}
.tips .el-message-box__header .el-message-box__headerbtn{
    top:12px;
}
.tips .el-message-box__header .el-message-box__headerbtn .el-message-box__close:hover{
    color: #fff;
}
.tips .el-message-box__content{
    padding: 45px 0 45px 118px;
    color: #000;
}

/*********element ui 样式 end*********/
.lx-loadding{
    z-index: 99999 !important;
}

.lx-vertical{
    height:100%;
    display: flex;
    flex-direction: column;
}
.lx-vertical .lx-container{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.lx-container{
    margin:5px;
    min-height: 470px;
    background: #fff;
    /*margin-top: 45px;*/
    /*border-top: 5px solid #f4f4f4;*/
}
.lx-container .lx-table-swap{
    flex: 1;
    overflow: hidden;
}

/******搜索条件 begin********/
.lx-search-form .item-group{
    padding-top: 13px;
}
.lx-search-form .item-group .item{
    width:180px;
    float:left;
    padding: 0px 15px 15px;
}
.lx-search-form .button-group{
    padding: 13px 15px 0px 0px;
    text-align:right;
}

/******搜索条件 end********/


/***********表格相关 begin*************/
.lx-container .lx-table-swap{
    padding: 0px 15px;
}

.lx-container .el-table{

}

.lx-container .lx-table-swap .lx-table-title{
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.el-table .el-table__empty-block{
    min-height: 320px;
    background: url('../../src/assets/img/no-data.png') no-repeat center 40%;
}
.el-table .el-table__empty-block .el-table__empty-text{
    padding-top: 60px;
}
.el-table__header th{
    font-weight: bold;
}

/***通用表格审核样式 begin**/
.lx-table-comm{
    width: 100%;
    margin: 0px auto 30px auto;
    line-height: 40px;
    width: 100%;
    border-collapse: collapse;
    border: none;
}
.lx-table-comm tbody td{
    padding-left: 8px;
    border: solid #ddd 1px;
}

/***通用表格审核样式 end**/

/***********表格相关 end*************/

.lx-link{
    color:#578dbd;
}
.lx-link:hover{
    color:#4b78a1;
    cursor: pointer;
}
/***********滚动条 begin*************/
::-webkit-scrollbar {
	width: 1.3em;
	height: 1.3em;
	background-color: #fafafa;
}
::-webkit-scrollbar-thumb{
	background-color: #ccc;
	-webkit-border-radius:5px;
}
/***********滚动条 end*************/




/********定价模块样式 begin****/
.icon-price{
    background: url('../../src/assets/img/modules/pricing_front/setting_price/icon.png');
    margin-left: 18px;
    position: relative;
    top: 4px;
    display: inline-block;
    width: 0px;
    height: 20px;
}
.icon-price.home{
    width: 20px;
    background-position: -35px -7px;
}
.icon-price.orderhome{
    width: 20px;
    background-position: -159px -6px;
}
.icon-price.orderboard{
    width: 20px;
    background-position: -158px -35px;
}
.icon-price.rbp{
    width: 20px;
    background-position: -35px -46px;
}
.icon-price.promotion{
    width: 20px;
    background-position: -35px -69px;
}
.icon-price.marketing{
    width: 20px;
    background-position: -35px -113px;
}
.icon-price.program{
    width: 20px;
    background-position: -36px -88px;
}
.icon-price.query{
    width: 20px;
    background-position: -35px -27px;
}
.icon-price.back{
    width: 20px;
    background-position: -162px -198px;
}
.icon-price.back:hover{
    width: 20px;
    background-position: -162px -221px;
    cursor: pointer;
}
.icon-price.orderreport{
    width: 20px;
    background-position: -162px -144px;
}
.icon-price.sample{
    width: 20px;
    background-position: -162px -116px;
}
.icon-price.ar{
    width: 20px;
    background-position: -159px -91px;
}
.icon-price.reply{
    width: 20px;
    background-position: -158px -63px;
}

.icon-btn{
    background: url('../../src/assets/img/modules/pricing_front/setting_price/icon.png');
    width: 13px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}

.icon-btn.icon-download{
    background-position: -65px -115px;
}
.icon-btn.icon-upload{
    background-position: -65px -91px;
}
.icon-btn.icon-divide{
    background-position: -5px -248px;
}
.icon-btn.icon-split{
    background-position: -5px -264px;
}
/*RMA图标*/
.icon-price.rmareport{
    width: 20px;
    background-position: -124px -245px;
}
.icon-price.rmaqa{
    width: 20px;
    background-position: -145px -244px;
}
.icon-price.rmarcustomer{
    width: 20px;
    background-position: -170px -243px;
}
.icon-price.rmaraccount{
    width: 20px;
    background-position: -194px -243px;
}
.icon-price.rmafix{
    width: 20px;
    background-position: -217px -244px;
}
.icon-price.rmaset{
    width: 20px;
    background-position: -238px -244px;
}

.el-button.el-button--download,.el-button.el-button--upload{
    border: 1px solid #578DBD;
    color: #578DBD;
    padding: 5px 10px;
    position: relative;
    top: -2px;
}

.el-button.el-button--download span,.el-button.el-button--upload span{
    position: relative;
    top: -2px;
}

.el-button.el-button--download:hover,.el-button.el-button--upload:hover{
    padding: 5px 10px;
    background: #4b78a1;
    color:#fff;
}

.el-button.el-button--download:hover .icon-btn.icon-download{
    background-position: -87px -115px;
}
.el-button.el-button--upload:hover .icon-btn.icon-upload{
    background-position: -87px -91px;
}
.order-edit-btn .icon-btn{
    vertical-align: top;
}
.order-edit-btn .el-button:hover .icon-upload{
    background-position: -87px -91px;
}
.order-edit-btn .el-button:hover .icon-download{
    background-position: -87px -116px;
}
.order-edit-btn .el-button:hover .icon-divide{
    background-position: -23px -248px;
}
.order-edit-btn .el-button:hover .icon-split{
    background-position: -24px -264px;
}


/********定价模块样式 end****/




/********首页样式 begin****/
.lx-home-con .home-title .icon{
    background: url("../../src/assets/img/modules/pricing_front/setting_price/icon.png");
}
/********首页样式 end****/

/********** 审批状态显示效果 begin************/
.el-table .approved{
    background: #32C5D2;
    color: #fff;
    padding: 5px;
}


/********** 审批通过显示效果 end************/



/*订单模块 tab样式*/
.order-container{
    margin: 8px;
}
.order-container .lx-table-swap{
    position: relative;
}
.order-tab .el-tabs__header .el-tabs__active-bar{
    background-color: #E20B1F;
    height: 3px;
}
.order-tab .el-tabs__header .el-tabs__item:hover{
    color: #333;
}
.order-tab .el-tabs__header .el-tabs__item.is-active{
    font-weight: bold;
    color: #333;
}
.order-tab .el-tabs__header .el-tabs__nav-wrap::after{
    height:1px;
}
.order-tab{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.order-tab .el-tabs__content{
    flex: 1;
}
.order-tab .el-tabs__content .el-tab-pane{
    height: 100%;
}
.order-container .lx-table-swap .order-tab-button{
    position: absolute;
    top: 6px;
    right: 15px;
    z-index: 9;
}
.order-container .lx-table-swap .order-tab-button .el-button--mini{
    padding: 6px 10px;
}
/*订单模块 tab样式 END*/



/*订单 search table样式*/
.lx-table-comm .red-star{
    color: #d9011c;
    font-style: normal;
    margin-left: 4px;
    font-weight: bold;
}
.el-table th.must div:after{
    content: '*';
    color: #d9011c;
    position: relative;
    top: -2px;
    margin-left: 6px;
}
.lx-order-search .lx-table-title{
    height: 54px;
    line-height: 54px;
}
.lx-order-search table.lx-table-comm{
    line-height: 35px;
    margin-bottom: 0;
}
.lx-order-search table.lx-table-comm .el-select,.lx-order-search table.lx-table-comm .el-date-editor{
    width: 100%;
}
.lx-order-search table.lx-table-comm .el-select .el-input__inner,.lx-order-search table.lx-table-comm .el-date-editor .el-input__inner{
    border:0;
}
.lx-order-search table.lx-table-comm .el-date-editor .el-input__inner{
    padding-left: 10px;
}
.lx-order-search table.lx-table-comm .el-select .el-input__suffix{
    line-height: 32px;
}
.lx-order-search table.lx-table-comm .el-date-editor .el-input__prefix{
    left: unset;
    right:5px;
}


/*订单standard样式*/
.lx-standard-container{
    padding: 15px;
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
}
.lx-standard-container .standard-title{
    width: 100%;
    height: 32px;
    background-color: #666;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lx-standard-container .standard-title .ic{
    display: inline-block;
    background: url('../../src/assets/img/modules/pricing_front/setting_price/icon.png') no-repeat;
    margin: 0 10px;
    vertical-align: middle;
}
.lx-standard-container .standard-title .ic.icon-base-info{
    width: 15px;
    height: 16px;
    background-position: -109px -119px;
}
.lx-standard-container .standard-title .ic.icon-process{
    width: 14px;
    height: 16px;
    background-position: -109px -185px;
}
.lx-standard-container .standard-title .ic.icon-address-ship{
    width: 16px;
    height: 12px;
    background-position: -107px -164px;
}
.lx-standard-container .standard-title .ic.icon-address-bill{
    width: 13px;
    height: 16px;
    background-position: -110px -94px;
}
.lx-standard-container .standard-title .ic.icon-attachment{
    width: 12px;
    height: 12px;
    background-position: -110px -142px;
}
.lx-standard-container .standard-title .ic.icon-edit{
    width: 16px;
    height: 16px;
    background-position: -73px -221px;
}
.lx-standard-container .standard-title .ic.icon-forward{
    width: 15px;
    height: 15px;
    background-position: -44px -221px;
}

/*订单 dialog样式*/
.order-dialog{
    margin-top: 0 !important;
    border-radius: 4px !important;
    top: 50%;
    transform: translateY(-50%);
}
.order-dialog .el-dialog__header{
    padding: 10px 20px;
    background-color: #000;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
}
.order-dialog .el-dialog__header .el-dialog__title{
    color: #fff;
}
.order-dialog .el-dialog__header .el-dialog__headerbtn{
    top:12px;
}
.order-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{
    color: #fff;
}

